前言

「人生而立、程式萌新」

運動管理出身，過去都在旅宿服務業與運動服務業工作，平時只是愛用電腦打電動看動畫聽音樂，從未想過程式語言是甚麼東西。

探索人生方向時因為朋友開始接觸程式，刷了魔法小卡買了線上課程，從 Html、CSS 到 RWD、Boostrap 5，竟然也慢慢實作出幾個靜態網頁，看到每個網頁完成的當下都是滿滿的成就感。意外的是，我也非常享受開發的過程，假日打開 VS CODE 就可以坐一整天，只希望當天可以多完成幾個區塊 ( 還是要保持運動 )

可以開發出靜態網頁後，我開始想讓他們動起來，想為他們增加更多功能，讓使用者有更好更完整的體驗

JavaScript 程式語言可讓你在網頁上建構複雜的事物。當網頁不僅僅呆板呈現給你靜態的內容（像是即時的內容更新，互動式地圖、2D/3D 動畫、滑鼠操控影片播放…等等），你可以大膽猜測 JavaScript 已經參與其中。

這是MDN官方文件對於 JavaScript 的中文介紹

「於是 JavaScript 的學習之旅要開始了」

大家好，這裡將會是一個正在學習 JavaScript 程式語言的學習歷程與分享，希望透過不斷輸出的練習更加熟悉這個工具，並以此開發出更多有趣的網頁。

第一次參加鐵人賽既興奮又緊張，歡迎同樣是新手的你與我一起成長，也歡迎已經是老手的你不吝指教、分享經驗，謝謝大家。

目錄：

Day 1：開啟 JavaScript 的學習旅程
Day 2：JavaScript 是什麼？
Day 3：變數簡介 ＆ 使用開發人員工具寫 JavaScript
Day 4：變數宣告與賦予值
Day 5：變數命名規則 & 主流命名方式
Day 6：let、const、var 介紹
Day 7：Visual Studio Code 環境建立
Day 8：資料型別種類 與 typeof 運算子
Day 9：數字型別 與 算術運算子
Day 10：賦值運算子
Day 11：字串型別(1)：宣告、字串相加、自動轉型
Day 12：字串型別(2)：NaN、字串處理方法、樣板字面值
Day 13：布林、undefined、null
Day 14：字串轉數字、數字轉字串
Day 15：比較運算子 與 邏輯運算子
Day 16：流程判斷 if、else、else if
Day 17：陣列 Arrays
Day 18：物件 Objects
Day 19：函式 (function)
Day 20：DOM (Document Object Model) 文件物件模型
Day21：事件 Event
Day22：陣列資料處理 (1) - forEach()
Day23：陣列資料處理 (2) - map()、filter()
Day24：更多陣列資料處理 (3) - join()、find()、findIndex()
Day25：發出網路請求
Day26：AJAX 非同步的 JavaScript 技術 (1) - 透過 JavaScript 發出網路請求
Day27：AJAX 非同步的 JavaScript 技術 (2) - AJAX 非同步特性
Day28：箭頭函式 Arrow function
Day29：語法作用域 Lexical scope
Day30：Hoisting 提升